<%@page pageEncoding="UTF-8"%>
<tiles:insert template="../common/layout.jsp" flush="true">
    <tiles:put name="title">
        <bean:message key="register.title" />
    </tiles:put>
    <tiles:put name="content" type="string">
        <div id="content" class="span10">
            <!-- start: Content -->
            <div>
                <hr>
                <ul class="breadcrumb">
                    <li><a href="#">Home</a> <span class="divider">/</span>
                    </li>
                    <li><a href="#">Add New Staff</a></li>
                </ul>
                <hr>
            </div>
            <div class="row-fluid sortable">
                <div class="box span12">
                    <div class="box-header" data-original-title>
                        <h2>
                            <i class="icon-edit"></i><span class="break"></span>
                            <bean:message key="register.headline" />
                        </h2>
                        <div class="box-icon">
                            <a href="#" class="btn-setting"><i
                                class="icon-wrench"></i></a> <a href="#"
                                class="btn-minimize"><i
                                class="icon-chevron-up"></i></a> <a href="#"
                                class="btn-close"><i
                                class="icon-remove"></i></a>
                        </div>
                    </div>
                    <div class="box-content">
                        <form class="form-horizontal">
                            <fieldset>
                                <table
                                    class="table table-striped table-bordered table-hover">
                                    <tr class="info">
                                        <td><bean:message key="register.fullname.label" /></td>
                                        <td>:</td>
                                        <td><input name="account" /></td>
                                    </tr>
                                     <tr class="info">
                                        <td><bean:message key="register.account.label" /></td>
                                        <td>:</td>
                                        <td><input name="account" /></td>
                                    </tr>
                                     <tr class="info">
                                        <td><bean:message key="register.password.label" /></td>
                                        <td>:</td>
                                        <td><input name="account"/></td>
                                    </tr>
                                </table>
                            </fieldset>
                        </form>
                    </div>
                </div>
                <!--/row-->
                <!-- end: Content -->
            </div>
            <!--/#content.span10-->
        </div>
        <!--/fluid-row-->
        <div class="modal hide fade" id="myModal">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">×</button>
                <h3>Settings</h3>
            </div>
            <div class="modal-body">
                <p>Here settings can be configured...</p>
            </div>
            <div class="modal-footer">
                <a href="#" class="btn" data-dismiss="modal">Close</a> <a
                    href="#" class="btn btn-primary">Save changes</a>
            </div>
        </div>
        <div class="clearfix"></div>
    </tiles:put>
</tiles:insert>